<template>
	<view>
		<view class="store-pic"><u-image width="690" height="400" mode="aspectFill" :src="info.imgLogo"></u-image>
		</view>
		<view class="content">
			<view class="name">{{info.merchantAlias}}</view>
			<view class="score"><u-rate :count="count" v-model="info.totalScore" active-color="#f39b28"></u-rate>
				评分：{{info.totalScore}}</view>
			<view class="address"><u-icon name="map" color="#ababab" size="28"></u-icon>{{info.merchantAddress}}</view>
		</view>
	</view>
</template>

<script>
	import WSCoordinate from '@/js_sdk/WSCoordinate'
	export default {
		data() {
			return {
				info: {},
				count: 5,
				imageURL: this.imageURL,
				id: ""
			}
		},
		onReady() {

		},

		onLoad(options) {
			console.log(options)
			this.info = options;
		},
		methods: {

		}
	}
</script>

<style lang="scss">
.store-pic{
	padding-left: 30rpx;
	padding-right: 30rpx;
}
.content{
	padding-left: 30rpx;
	padding-right: 30rpx;
	margin-top: 30rpx;
	.name{
		font-size: 40rpx;
		font-weight: 600;
	}
	.score{
		font-size: 24rpx;
		color: #f39b28;
		margin-top: 20rpx;
		margin-bottom: 40rpx;
	}
	.address{
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
	}
}
</style>